<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>index</title>
<link rel="stylesheet" type="text/css" href="css/design.css">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.hashchange.min.js" type="text/javascript"></script>
<script src="js/jquery.easytabs.min.js" type="text/javascript"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="js/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<script type="text/javascript" src="js/fancybox/source/jquery.fancybox.pack.js?v=2.1.0"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="js/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.3" type="text/css" media="screen" />
<script type="text/javascript" src="js/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.3"></script>
<script type="text/javascript" src="js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.3"></script>

<link rel="stylesheet" href="js/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="js/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.6"></script>
<style type="text/css">
body{background-attachment: fixed; background-color: #C0DEED; background-image: url(css/bg.png); background-repeat: repeat-x; color: #333; font: 13px Arial,Tahoma,sans-serif; margin: 0; padding: 0;}
</style>
</head>
<body id="bg">
<div class="container">
	<div class="header">
        <div class="header_left">
            <div class="logo"></div>
            <div class="status" title="New Ideas"><img class="newicon" src="css/icon/ideas.png"/></div>
            <div class="status" title="New Friends"><img class="newicon" src="css/icon/friends.png" /></div>
            <div class="status" title="New Notifications"><img class="newicon" src="css/icon/notifications.png" /></div>
            <div class="status" title="New Comments"><img class="newicon" src="css/icon/comments.png" /></div>
        </div>
        <div class="header_right">
            <div class="banner">
            	<a href="#"><img class="img_s" src="upload/img/user1/banner/banner.jpg"></a>
            </div>
          <div class="banner_detail">
            	<div class="banner_info1">kimthiendung</div>
                <div class="banner_info2">
                    <div class="banner_location">sell ideas</div>
                    <div class="banner_location">buy ideas</div>
                    <div class="banner_location">maps</div>
                </div>
            </div>
            <div class="banner_logo">
            	<div class="banner_img">
                    	<a href="#"><span class="image_wrap" style="position:relative; display:inline-block; background:url(upload/img/user1/logo/user1.jpg) no-repeat center center; width: 120px; height: 120px;"><img src="upload/img/user1/logo/user1.jpg" style="opacity: 0; width:120px; height: 120px;"></span></a>
            	</div>
                <div class="banner_ok"><span class="banner_like">157,579 likes</span></div>
                <div class="banner_ok"><span class="banner_posts">49,001 posts</span></div>
            </div>
       	 </div> 
    </div><!-- header -->
    <div class="content">
    <div id="tab_box">
		<div class="tab_div">
        	<ul class='tab_ul'>
               <li class='tab_li'><a href="#panel-1"><img src="css/icon/news.png" /><p class="can">News</p></a></li>
               <li class='tab_li'><a href="#panel-2"><img src="css/icon/blog.png" /><p class="can">Blog</p></a></li>
               <li class='tab_li'><a href="#panel-3"><img src="css/icon/idea.png" /><p class="can">Idea</p></a></li>
               <li class='tab_li'><a href="#panel-4"><img src="css/icon/forum.png" /><p class="can">Forum</p></a></li>
               <li class='tab_li'><a href="#panel-5"><img src="css/icon/group.png" /><p class="can">Group</p></a></li>
               <li class='tab_li'><a href="#panel-6"><img src="css/icon/app.png" /><p class="can">Like Apps</p></a></li>
               <li class='tab_li'><a href="#panel-7"><img src="css/icon/other.png" /><p class="can">Other</p></a></li>
			</ul>
        </div>
        <div class="panel">
            <div id="panel-1">
               <div id="tab_news" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab' id="tab_ac"><a href="./tab/news/tab1.php" data-target="#news-1">Latest</a></li>
                   <li class='tab'><a href="./tab/news/tab2.php" data-target="#news-2">Most Viewed</a></li>
                   <li class='tab'><a href="./tab/news/tab3.php" data-target="#news-3">Most Like</a></li>
                   <li class='tab'><a href="./tab/news/tab4.php" data-target="#news-4">Dealing</a></li>
                   <li class='tab'><a href="./tab/news/tab5.php" data-target="#news-5">Dealt</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="news-1"><img src="css/loader.gif" /></div>
                   <div id="news-2"><img src="css/loader.gif" /></div>
                   <div id="news-3"><img src="css/loader.gif" /></div>
                   <div id="news-4"><img src="css/loader.gif" /></div>
                   <div id="news-5"><img src="css/loader.gif" /></div>
                 </div>
               </div>
            </div>
            <div id="panel-2">
               <div id="tab_blog" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab'><a href="./tab/blog/tab1.php" data-target="#blog-1">News Feed</a></li>
                   <li class='tab'><a href="./tab/blog/tab2.php" data-target="#blog-2">Wall</a></li>
                   <li class='tab'><a href="./tab/blog/tab3.php" data-target="#blog-3">Messages</a></li>
                   <li class='tab'><a href="./tab/blog/tab4.php" data-target="#blog-4">Friends</a></li>
                   <li class='tab'><a href="./tab/blog/tab5.php" data-target="#blog-5">Photo/Video</a></li>
                   <li class='tab'><a href="./tab/blog/tab6.php" data-target="#blog-6">Events</a></li>
                   <li class='tab'><a href="./tab/blog/tab7.php" data-target="#blog-7">Info</a></li>
                   <li class='tab'><a href="./tab/blog/tab8.php" data-target="#blog-8">Note</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="blog-1"><img src="css/loader.gif" /></div>
                   <div id="blog-2"><img src="css/loader.gif" /></div>
                   <div id="blog-3"><img src="css/loader.gif" /></div>
                   <div id="blog-4"><img src="css/loader.gif" /></div>
                   <div id="blog-5"><img src="css/loader.gif" /></div>
                   <div id="blog-6"><img src="css/loader.gif" /></div>
                   <div id="blog-7"><img src="css/loader.gif" /></div>
                   <div id="blog-8"><img src="css/loader.gif" /></div>
                 </div>
               </div>
            </div>
            <div id="panel-3">
               <div id="tab_idea" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab'><a href="./tab/idea/tab1.php" data-target="#idea-1">Business</a></li>
                   <li class='tab'><a href="./tab/idea/tab2.php" data-target="#idea-2">Design</a></li>
                   <li class='tab'><a href="./tab/idea/tab3.php" data-target="#idea-3">Tech</a></li>
                   <li class='tab'><a href="./tab/idea/tab4.php" data-target="#idea-4">Medical</a></li>
                   <li class='tab'><a href="./tab/idea/tab5.php" data-target="#idea-5">Travel&amp;Entertainment</a></li>
                   <li class='tab'><a href="./tab/idea/tab6.php" data-target="#idea-6">*Free Ideas*</a></li>
                   <li class='tab'><a href="./tab/idea/tab7.php" data-target="#idea-7">Other</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="idea-1"><img src="css/loader.gif" /></div>
                   <div id="idea-2"><img src="css/loader.gif" /></div>
                   <div id="idea-3"><img src="css/loader.gif" /></div>
                   <div id="idea-4"><img src="css/loader.gif" /></div>
                   <div id="idea-5"><img src="css/loader.gif" /></div>
                   <div id="idea-6"><img src="css/loader.gif" /></div>
                   <div id="idea-7"><img src="css/loader.gif" /></div>
                 </div>
               </div>
            </div>
            <div id="panel-4">
               <div id="tab_forum" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab'><a href="./tab/forum/tab1.php" data-target="#forum-1">Software</a></li>
                   <li class='tab'><a href="./tab/forum/tab2.php" data-target="#forum-2">Entertainment</a></li>
                   <li class='tab'><a href="./tab/forum/tab3.php" data-target="#forum-3">Techworld</a></li>
                   <li class='tab'><a href="./tab/forum/tab4.php" data-target="#forum-4">Book</a></li>
                   <li class='tab'><a href="./tab/forum/tab5.php" data-target="#forum-5">Enquiry</a></li>
                   <li class='tab'><a href="./tab/forum/tab6.php" data-target="#forum-6">Buy/Sell</a></li>
                   <li class='tab'><a href="./tab/forum/tab7.php" data-target="#forum-7">Other</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="forum-1"><img src="css/loader.gif" /></div>
                   <div id="forum-2"><img src="css/loader.gif" /></div>
                   <div id="forum-3"><img src="css/loader.gif" /></div>
                   <div id="forum-4"><img src="css/loader.gif" /></div>
                   <div id="forum-5"><img src="css/loader.gif" /></div>
                   <div id="forum-6"><img src="css/loader.gif" /></div>
                   <div id="forum-7"><img src="css/loader.gif" /></div>
                 </div>
               </div>            
            </div>
            <div id="panel-5">
               <div id="tab_group" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab'><a href="./tab/group/tab1.php" data-target="#group-1">My Team1</a></li>
                   <li class='tab'><a href="./tab/group/tab2.php" data-target="#group-2">My Team1</a></li>
                   <li class='tab'><a href="./tab/group/tab3.php" data-target="#group-3">Add Team</a></li>
                   <li class='tab'><a href="./tab/group/tab4.php" data-target="#group-4">Delete Team</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="group-1"><img src="css/loader.gif" /></div>
                   <div id="group-2"><img src="css/loader.gif" /></div>
                   <div id="group-3"><img src="css/loader.gif" /></div>
                   <div id="group-4"><img src="css/loader.gif" /></div>
                 </div>
               </div>            
            </div>
            <div id="panel-6">
               <div id="tab_app" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab'><a href="./tab/app/tab1.php" data-target="#app-1">Game</a></li>
                   <li class='tab'><a href="./tab/app/tab2.php" data-target="#app-2">Video</a></li>
                   <li class='tab'><a href="./tab/app/tab3.php" data-target="#app-3">Music</a></li>
                   <li class='tab'><a href="./tab/app/tab4.php" data-target="#app-4">Photo</a></li>
                   <li class='tab'><a href="./tab/app/tab5.php" data-target="#app-5">Links</a></li>
                   <li class='tab'><a href="./tab/app/tab6.php" data-target="#app-6">Other</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="app-1"><img src="css/loader.gif" /></div>
                   <div id="app-2"><img src="css/loader.gif" /></div>
                   <div id="app-3"><img src="css/loader.gif" /></div>
                   <div id="app-4"><img src="css/loader.gif" /></div>
                   <div id="app-5"><img src="css/loader.gif" /></div>
                   <div id="app-6"><img src="css/loader.gif" /></div>
                 </div>
               </div>
			</div>
            <div id="panel-7">
               <div id="tab_other" class='tab_view'>
                 <ul class='etabs'>
                   <li class='tab'><a href="./tab/other/tab1.php" data-target="#other-1">Add New</a></li>
                 </ul>
                 <div class='panel_view'>
                   <div id="other-1"><img src="css/loader.gif" /></div>
                 </div>
               </div>            
            </div>
        </div> 
    </div>      
 	</div><!-- content -->
    <div class="footer">
    </div><!-- footer -->
</div><!-- container -->
</body>
<script type="text/javascript" charset="utf-8">
var current = 0;function scrollBg(){--current;if(current == 562){current = 0;}document.getElementById('bg').style.backgroundPosition = current+'px 0';}setInterval("scrollBg()", 16);
</script>
<script type="text/javascript">
$(document).ready( function() {
	$('#tab_box').easytabs({
		animate: false,
		tabs: "> div > ul > li" 
	});
});
$(document).ready( function() {
	$('#tab_news').easytabs({
		updateHash: false
	});
});
$(document).ready( function() {
	$('#tab_blog').easytabs({
		updateHash: false
	});
});
$(document).ready( function() {
	$('#tab_idea').easytabs({
		updateHash: false
	});
});
$(document).ready( function() {
	$('#tab_forum').easytabs({
		updateHash: false
	});
});
$(document).ready( function() {
	$('#tab_group').easytabs({
		updateHash: false
	});
});
$(document).ready( function() {
	$('#tab_app').easytabs({
		updateHash: false
	});
});
$(document).ready( function() {
	$('#tab_other').easytabs({
		updateHash: false
	});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
	$('.fancybox').fancybox();
	$('.fancybox-thumbs').fancybox({
		prevEffect : 'none',
		nextEffect : 'none',

		closeBtn  : true,
		arrows    : true,
		nextClick : true,

		helpers : {
			thumbs : {
				width  : 50,
				height : 50
					}
				}
	});
	$('.fancybox-media')
		.attr('rel', 'media-gallery')
		.fancybox({
			openEffect : 'none',
			closeEffect : 'none',
			prevEffect : 'none',
			nextEffect : 'none',

			arrows : false,
			helpers : {
						media : {},
						buttons : {}
					}
	});
});
</script>      	
</html>